<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>DJI 大疆商城 - DJI 大疆无人机、手持稳定器、专业影像设备及增值服务
    (中国大陆)</title>
  <link rel="stylesheet" type="text/less" href="./less/detail.less">
  <script src="./less/less.js"></script>
  <link rel="stylesheet" href="./font/iconfont.css">
  <link rel="shortcut icon" href="./image/favicon.ico">
</head>

<body>
  <header>
    <div class="heardr_top">
      <div class="shortcut w">
        <div class="shortcut_left">
          <p>
            <a href="./index.html">DJI 大疆官网</a>
          </p>
          <ul class="notice">
            <li><a href="javascript:;">满 ¥99 顺丰包邮</a></li>
            <li><a href="javascript:;">热门主机使用花呗，京东白条和招行分期最高可享 3
                期免息</a></li>
            <li><a href="javascript:;">下单即享 1% DJI币返点</a></li>
            <!-- <li>满 ¥99 顺丰包邮</li> -->
          </ul>
        </div>
        <ul class="shortcut_right">
          <li>
            <a href="javascript:;" class="iconfont icongouwuche"></a>
            <span><a href="javascript:;">购物车</a></span>
            <span class="last">0</span>
          </li>
          <li><a href="javascript:;">登录</a></li>
          <li><a href="javascript:;">注册</a></li>
          <li><a href="javascript:;">中国大陆(简体中文/￥CNY)</a></li>
        </ul>
      </div>
    </div>
    <div class="header_bottom ">
      <div class="w">
        <div class="nav">
          <div><span class="iconfont icondji-logo"></span><span>商城</span></div>
          <ul>
            <li><a href="javascript:;">商品分类<span class="iconfont iconxiajiantou"></span></a></li>
            <li><a href="javascript:;">以旧换新</a></li>
            <li><a href="javascript:;">购机指南</a></li>
            <li><a href="">DJI 大疆商城 APP</a></li>
          </ul>
        </div>
        <form action="#" class="search">
          <input type="text" placeholder="搜索商品...">
          <button type="submit">
            <span class="iconfont iconsousuo"></span>
          </button>
        </form>
      </div>
    </div>
  </header>
  <!-- 导航商品 -->
  <ul class="nav_items w">
    <!-- <li>
              <a href="javascript:;">
                <div><img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg">
                </div>
                <span>御 Mavic</span>
              </a>
            </li> -->
  </ul>

  <!-- 商品详情 -->
  <div class="good_detail w">
    <div class="good_detail_nav">
      <!-- <a href="./index.html">商城首页</a><i>/</i>
      <a href="./list.html">御 Mavic系列</a><i>/</i>
      <span>大疆迷你小背包</span> -->
    </div>
    <div class="good_detail_con">
      <div class="left">
        <div class="bg_pro"
          style="background-image: url('https://product2.djicdn.com/uploads/carousel/image/fd87582e987496438ba6bb104e7c2f40@ultra.jpg');">
          <div class="mask"></div>
        </div>
        <div class="bg_detail">
          <img src="" alt="">
        </div>
        <div class="bg_small">
          <!-- <div class="active"
            style="background-image: url('https://product2.djicdn.com/uploads/carousel/image/fd87582e987496438ba6bb104e7c2f40@ultra.jpg');">
          </div> -->
        </div>
      </div>
      <div class="right">
        <div class="right_head">
          <h2 class="title">DJI FPV 套装</h2>
          <h3 class="price">￥<span> 7999</span></h3>
          <p><span>邮费：</span>免费</p>
        </div>
        <div class="right_body">
          <!-- <p><i>·</i>能容纳并展示 DJI Mini 2 飞行器</p>
          <p><i>·</i>能容纳并展示 DJI Mini 2 飞行器</p>
          <p><i>·</i>能容纳并展示 DJI Mini 2 飞行器</p> -->
        </div>
        <div class="right_bottom">
          <div class="shopcar">
            <div class="shopcar_left">
              <div>1</div>
              <button class="add">+</button>
              <button class="reduce">-</button>
            </div>
            <button class="pushCar">加入购物车</button>
          </div>
          <p class="fahuo">预计发货时间:订单付款后1个工作日</p>
        </div>
      </div>
    </div>
    <div class="goods_detail_pic">
      <div class="title">产品概览</div>
      <div class="img w">
        <!-- <img src="../image/detail/DJI FPV.jpg" alt=""> -->
      </div>
    </div>
  </div>


  <!-- 底部部分 -->
  <footer>
    <!-- 四个服务部分 -->
    <div class="footer_service w">
      <div>
        <img src="./image/truck-moving.svg" alt="">
        <p>全场满 ¥99 顺丰包邮<br>
          （顺丰无法配送的区域将使用 EMS）</p>
      </div>
      <div>
        <img src="./image/credit-card.svg" alt="">
        <p>支持支付宝、微信、银联、银行转账<br>
          支持花呗、京东白条和招行分期</p>
      </div>
      <div>
        <img src="./image/comment-alt-smile.svg" alt="">
        <p class="email">邮箱：<a href="javascript:;">support@dji.com</a></p>
      </div>
      <div>
        <img src="./image/newGovIcon.gif" alt="">
      </div>
    </div>

    <div class="footer_links w">
      <dl>
        <dt>商城热卖</dt>
        <dd><a href="javascript::">"御" Mavic</a></dd>
        <dd><a href="javascript::">"晓" Spark</a></dd>
        <dd><a href="javascript::">精灵 Phantom</a></dd>
        <dd><a href="javascript::">灵眸 Osmo</a></dd>
        <dd><a href="javascript::">"悟" Inspire</a></dd>
        <dd><a href="javascript::">如影 Ronin</a></dd>
      </dl>
      <dl>
        <dt>购买指南</dt>
        <dd><a href="javascript:;">支付方式</a></dd>
        <dd><a href="javascript:;">订单帮助</a></dd>
        <dd><a href="javascript:;">发货和物流</a></dd>
        <dd><a href="javascript:;">退换货条款</a></dd>
        <dd><a href="javascript:;">技术支持</a></dd>
        <dd><a href="javascript:;">售后服务政策</a></dd>
        <dd><a href="javascript:;">DJI币返利计划</a></dd>
      </dl>
      <dl>
        <dt>商城项目</dt>
        <dd><a href="javascript:;">以旧换新</a></dd>
        <dd><a href="javascript:;">DJI大疆商城App</a></dd>
      </dl>
      <dl>
        <dt>社区</dt>
        <dd><a href="javascript:;">天空之城</a></dd>
        <dd><a href="javascript:;">DJI大疆社区</a></dd>
        <dd><a href="javascript:;">购机指南</a></dd>
      </dl>
      <dl>
        <dt>订阅</dt>
        <dd class="dingyue">第一时间了解我们的促销活动、热销产品和最新信息。</dd>
        <form action="javascript:;">
          <input type="text" placeholder="请输入您的邮箱">
          <button type="submit">></button>
        </form>
      </dl>
    </div>

    <div class="footer_copyright w">
      <div class="head">
        <div class="head_left">
          <i class="logo iconfont icondji-logo"></i>
          <ul>
            <li><a href="javascript:;">关于我们</a></li>
            <li><a href="javascript:;">联系我们</a></li>
            <li><a href="javascript:;">招聘精英</a></li>
            <li><a href="javascript:;">官方旗舰店</a></li>
          </ul>
        </div>
        <div class="head_right">
          <a href="javascript:;"><i class="iconfont iconyouku"></i></a>
          <a href="javascript:;"><i class="iconfont iconweibo"></i></a>
          <a href="javascript:;"><i class="iconfont iconweixin"></i></a>
        </div>
      </div>
      <div class="foot">
        <div class="foot_left">
          <span>Copyright © 2021 DJI 大疆创新 版权所有</span>
          <a href="javascript:;">隐私权政策 <i>·</i></a>
          <a href="javascript:;">使用条款<i>·</i></a>
          <a href="javascript:;">粤ICP备12032134号-11<i>·</i></a>
          <a href="javascript:;">营业执照<i>·</i></a>
          <a href="javascript:;">网站地图</a>
        </div>
        <div class="foot_right">
          <span>网站问题反馈？ <a href="javascript:;">点击这里</a></span>
        </div>
      </div>
    </div>

  </footer>


  <!-- 返回顶部 -->
  <div class="toTop"><i class="iconfont iconshangjiantou"></i></div>

  <!-- 客服 -->
  <div class="kefu">
    <i class="iconfont iconkefu"></i>
  </div>


  <script src="./js/utils.js"></script>
  <script src="./data/data-detail.js"></script>
  <script src="./js/detail.js"></script>
</body>

</html>